<template>
  <div>
  <div>
    <a-menu v-model="current" mode="horizontal">
      <a-menu-item key="1">人员设置</a-menu-item>
      <a-menu-item key="2">班组设置</a-menu-item>
      <a-menu-item key="3">班次设置</a-menu-item>
    </a-menu>
  </div>
    <div>
      <AlarmSettingsList v-if="current==1"></AlarmSettingsList>
      <AlarmGroupList v-if="current==2"></AlarmGroupList>
      <AlarmRoundList v-if="current==3"></AlarmRoundList>
    </div>
  </div>
  </template>
  
  <script>
    import AlarmGroupList from './group/AlarmGroupList.vue'
  import AlarmSettingsList from './people/AlarmSettingsList.vue'
  import AlarmRoundList from './round/AlarmRoundList.vue'
  
    export default {
      name: "AlarmSettings",
      components: {
          AlarmGroupList,
          AlarmRoundList,
          AlarmSettingsList
      },
      data() {
        return {
          current: ["1"],
          indexStyle:1
        }
      },
      created() {
  
      },
      methods: {
  
      }
    }
  </script>